<template>
  <div>

    <el-container>
      <div>
        <p>用户数：{{ userCount }}</p>
        <p>管理员数：{{ adminCount }}</p>
        <p>新闻数：{{ newsCount }}</p>
        <p>文章数：{{ articleCount }}</p>
      </div>

    </el-container>
  </div>
</template>

<script>
const axios = require('axios');
export default {
  name: "Main",

  data() {
    return {
      userCount: 0,
      adminCount: 0,
      newsCount: 0,
      articleCount: 0,
    }
  },
  created() {
    /* this.getCount();*/
  },
  methods: {
    /*    getCount() {

          axios.get("/userinfo-service/count").then(res => {
            this.userCount = res.data.data;
          });
          axios.get("/admin-service/count").then(res => {
            this.adminCount = res.data.data;
          });
          axios.get("/news-service/count").then(res => {
            this.newsCount = res.data.data;
          });
          axios.get("/article-service/count").then(res => {
            this.articleCount = res.data.data;
          });
        },*/

  }

}
</script>


<style scoped>
.el-main {
  background-color: #E9EEF3;
  color: #333;
  text-align: center;
  line-height: 160px;
}
</style>